/**
 * Created by lenovo on 2016/8/9.
 */
$(window).on('load',function(){
    waterfall();
});
function waterfall()
{
    var $boxs=$('.main>div');
    var w=$boxs.eq(0).width();
    //$('.main').width((w+20)*3)
    var hArr=[];
    $boxs.each(function(index,value){

        var h=$boxs.eq(index).height();
        if(index<3)
        {
            hArr[index]=h;
            console.log(hArr)
        }
        else{
            var minH=Math.min.apply(null,hArr);
            var minIndex= $.inArray(minH,hArr);
            $(value).css({
                'position':'absolute',
                'top':(minH+100+29*(Math.floor(index/3)))+'px',
                'left':(minIndex)*(w+30)+'px'
            });
            hArr[minIndex]=hArr[minIndex]+$(value).height();
            console.log(minH,minIndex,hArr[minIndex]);
        }
    });
}